<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>慕课网</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/layout.css" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div id="topback"></div>
	<a class="back-up-btn btn btn-default btn-lg" href="#topback" aria-label="返回顶部">
		<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
	</a>
    <header id="page-head">
        <div class="container head-box">
            <nav class="navbar navbar-default navbar-rwx">
                <div class="container-fluid head-box">
                    <div id="logo-head"><img src="images/index_05.png"></div>
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                        <div class="nav-tall hidden-xs hidden-sm hidden-md">
                            4008-888888
                        </div>

                        <ul class="nav navbar-nav navbar-right">
                            <a href="index.html"><li>首页</li></a>
                            <a href="servers.html"><li>产品</li></a>
                            <a href="about.html"><li class="on">我们</li></a>
                        </ul>

                    </div><!-- /.navbar-collapse -->

                </div><!-- /.container-fluid -->
            </nav>
        </div>
    </header>
    <section id="banner" class="ser-banner">
		<img src="images/about_02.png">
    </section>
    <section class="pages-nav2 hidden-xs">
		<div class="container">
			<ul style="width: 30%;margin: 0 auto;">
				<a href="#about"><li class="gy on">关于我们</li></a>
				<a href="#content"><li class="lx">联系我们</li></a>
			</ul>
		</div>
	</section>
	<section id="about">
		<div class="container">
		<div class="about-tit">公司介绍</div>
		<p>
			慕课网是国内规模最大 、互动性最高的IT技能学习平台，以培养企业实用型人才为己任，打造从人才培养到技术输出全产业链的跨终端IT学习应用平台
		</p>
			<p>
该平台几乎覆盖了前端/PHP/Android/iOS/Python/Java等主流技术方向。慕课网选取企业真实案例，还原开发真实场景，精心创作700余门免费课程及若干门实战课程（内容自制+PGC）；与BAT专业技术团队深度合作，与顶级互联网行业大会零距离接轨，以新潮学习体验颠覆传统教育模式，打造IT在线教育明星品牌。
			</p>
		<p>
			<img class="about-pic" src="images/about_05.jpg">
		</p>
		</div>
	</section>
	<section id="content" class="hidden-xs">
		<div class="container">
			<div class="about-tit">联系我们</div>
			<div class="con-box">
			<div class="row con-li">
				<div class="col-md-4 col-sm-4 col-xs-12">
					<div class="con-img">
					<img src="images/about_09.jpg">	
					</div>
					<div class="con-info">
					4008-888888
					</div>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12">
					<div class="con-img">
						<img src="images/about_11.jpg">
					</div>						
					<div class="con-pic">
					<img src="images/about_18.jpg">
					</div>
				</div>
				<div class="col-md-4 col-sm-4 col-xs-12">
					<div class="con-img">
						<img src="images/about_13.jpg">
					</div>
					<div class="con-info">
						北京市西城区德外大街10号 </span>
					</div>
				</div>
			</div>	
			</div>
		</div>
	</section>	

    <footer id="page-foot">
       <div class="container">
			<div class="row foot-info">
				<div class="col-md-6 col-sm-6 col-xs-6">
						<img class="left-img" src="images/index_49.png">	
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6">
						<img class="right-img" src="images/index_46.png">	
				</div>
			</div>
		   <div class="copy-info">
			   <span>电话:4008-000000&nbsp;</span><span>固话:022-6666666&nbsp;</span>
				<span>邮箱:kf@imooc.com&nbsp;</span><span>传真:022-6666666</span><br>
				地址：北京市西城区德外大街10号<br><br>
				Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2 </div>
	   </div>
    </footer>


	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="js/bootstrap.min.js"></script>
	
	<script>
	$('a').click(function(){
		$('html, body').animate({
			scrollTop: $( $.attr(this, 'href') ).offset().top
		}, 500);
		return false;
	});
	</script>
</body>
</html>
